<template>
  <span class="emoji-item-common" :class="[isInput?'emoji-size-small':'emoji-size-large']" @click="emojiClick" >{{text}}</span>
</template>
<script>
export default {
  components: {},
  props: {
    text: {
      type: String,
      default: ''
    },
    isInput: {
      type: Object,
      default: null
    }
  },
  data() {
    return {}
  },
  methods: {
    emojiClick() {
      this.$emit('onClick', this.text)
    }
  }
}
</script>
<style>

</style>
